<link rel="stylesheet" href="/Public/Home/css/filter.css">
<script src="/Public/Common/plugin/jquery.rotate.min.js"></script>
<script src="/Public/Home/js/filter.js"></script>

<div class="layui-row filter">
    <div class="layui-col-xs3 filter-title">
        主题<span class="icon"><i class="layui-icon">&#xe625;</i></span>
    </div>
    <div class="layui-col-xs3 filter-title">
        支付方式<span class="icon"><i class="layui-icon">&#xe625;</i></span>
    </div>
    <div class="layui-col-xs3 filter-title">
        智能排序<span class="icon"><i class="layui-icon">&#xe625;</i></span>
    </div>
    <div class="layui-col-xs3 filter-title">
        <label for="c">
            <input type="checkbox" id="c">
            <span>可定今日</span>
        </label>
    </div>
</div>

<div class="filterbox layui-anim layui-anim-upbit">
    <div class="filterbox__scroll pt10">
        <ul class="g-topic-list">
            <li class="cur">主题乐园</li>
            <li>名胜古迹</li>
            <li>自然风光</li>
            <li>亲水避暑</li>
            <li>城市观光</li>
            <li>赏花踏青</li>
            <li>动植物园</li>
            <li>海洋馆</li>
            <li>高空景观</li>
            <li>展馆展览</li>
            <li>漂流</li>
            <li>影视基地</li>
            <li>演出演艺</li>
            <li>城市公园</li>
            <li>游轮游船</li>
            <li>团队拓展</li>
            <li>温泉</li>
            <li>农家乐</li>
            <li>度假村</li>
            <li>滑雪</li>
            <li>冰雪世界</li>
        </ul>
    </div>
</div>

<div class="filterbox layui-anim layui-anim-upbit">
    <div class="filterbox__scroll">
        <ul class="singleline">
            <li class="singleline_item actived">
                综合排序
            </li>
            <li class="singleline_item">
                智能排序
            </li>
            <li class="singleline_item">
                距离最近
            </li>
            <li class="singleline_item">
                人均最高
            </li>
            <li class="singleline_item">
                人均最低
            </li>
        </ul>
    </div>
</div>
<div class="filterbox layui-anim layui-anim-upbit">
    <div class="filterbox__scroll">
        <ul class="singleline">
            <li class="singleline_item">
                综合排序
            </li>
            <li class="singleline_item actived">
                智能排序
            </li>
            <li class="singleline_item">
                距离最近
            </li>
            <li class="singleline_item">
                人均最高
            </li>
            <li class="singleline_item">
                人均最低
            </li>
        </ul>
    </div>
</div>
